<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    section:first-child {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      background-image: linear-gradient(to top, #3de0ad, #d0f2e9);
      animation: ball-1 2.3s ease-in-out infinite alternate;
      -webkit-animation: ball-1 2.3s ease-in-out infinite alternate;
    }

    section:nth-child(2) {
      padding: 0 10px;
      font-size: 26px;
      font-weight: 400;
      letter-spacing: 1.5px;
      color: rgba(0, 0, 0, 0.85);
      cursor: pointer;
      transition: 0.25s;
    }

    section:nth-child(2):hover {
      color: #9a69ec;
    }

    section:nth-child(3) {
      width: 24px;
      height: 24px;
      border-radius: 100%;
      background-image: linear-gradient(to left, #3ed4e9, #89edf6);
      animation: ball-2 2.7s ease-in-out infinite alternate;
      -webkit-animation: ball-1 2.3s ease-in-out infinite alternate;
    }

    section:last-child {
      margin-top: 10px;
      margin-left: -8px;
      width: 16px;
      height: 16px;
      border-radius: 100%;
      background: rgba(91, 168, 238, 0.6);
      animation: ball-3 2.5s ease-in-out infinite alternate;
      -webkit-animation: ball-1 2.3s ease-in-out infinite alternate;
    }
    @keyframes ball-1 {
      from {
        transform: translate(0, 0);
      }
      50% {
        transform: translate(0, -3px);
      }
      to {
        transform: translate(0, 6px);
      }
    }
    @keyframes ball-2 {
      from {
        transform: translate(0, 0);
      }
      50% {
        transform: translate(0, -1px);
      }
      to {
        transform: translate(0, 4px);
      }
    }
    @keyframes ball-3 {
      from {
        transform: translate(0, 0);
      }
      50% {
        transform: translate(0, -6px);
      }
      to {
        transform: translate(0, 3px);
      }
    }
  </style>
</head>
<body>
<div data-v-3774cb87="" class="name" style="display: flex;">
  <section data-v-3774cb87="" style="display: block"></section>
  <section data-v-3774cb87="">博客</section>
  <section data-v-3774cb87=""></section>
  <section data-v-3774cb87=""></section>
</div>
</body>
</html>